<%--
  Created by IntelliJ IDEA.
  User: mabo
  Date: 2010-1-11
  Time: 10:36:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Simple jsp page</title>

    <style type="text/css">
        html, body {
            font: normal 11px verdana;
        }

        #main-panel td {
            padding: 5px;
        }
    </style>


    <script type="text/javascript">

        Ext.onReady(function() {
            var viewport = new Ext.Viewport({
                layout:'vbox',
                layoutConfig:{
                    padding:'5'
                },
                items:[
                    new Ext.Panel({
                        title:'111',
                        border:false,
                        header:false,
                        layout:'hbox',
                        layoutConfig:{
                            align:'stretch'
                        },
                        flex:1,
                        items:[
                            new Ext.Panel({
                                title:'nei 11',
                                //border:false,
                                header:false,
                                flex:1,
                                autoScroll:true,
                                html:'111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>111<br>'
                            }),
                            new Ext.Panel({
                                title:'nei 222',
                                //border:false,
                                header:false,
                                flex:1,
                                html:'2211112'
                            })
                        ]
                    }),
                    new Ext.Panel({
                        //border:false,
                        header:false,
                        html:'3333',
                        flex:1
                    })
                ]
            });
        });


    </script>
</head>
<body>

</body>
</html>